<!doctype html>
<!--[if lt IE 7]><html class="no-js ie6 oldie" lang=en><![endif]-->
<!--[if IE 7]><html class="no-js ie7 oldie" lang=en><![endif]-->
<!--[if IE 8]><html class="no-js ie8 oldie" lang=en><![endif]-->
<!--[if gt IE 8]><!-->
<html class='no-js' lang='en'>
    <!--<![endif]-->
    <head>
        <meta charset='utf-8'>
        <link rel='dns-prefetch' href="http://fonts.googleapis.com/">
        <meta http-equiv='X-UA-Compatible' content="IE=edge,chrome=1">
        <title>Dashboard :: Grape - Professional &amp; Flexible Admin Template</title>
        <link href="favicon.ico" rel="shortcut icon"/>
        <meta name='description' content="">
        <meta name='author' content="">
        <meta name='viewport' content="width=device-width,initial-scale=1">

        <?php
        Yii::app()->clientScript->registerCoreScript('jquery');
        Yii::app()->clientScript->registerScriptFile(Yii::app()->theme->baseUrl . "/views/layouts/js/libs/modernizr-2.0.6.min.js");
        Yii::app()->clientScript->registerScriptFile(Yii::app()->theme->baseUrl . "/views/layouts/js/8f71c247c4dadc837fe569208a7a1dc0f7625c46.js");
        ?>

        <link rel='stylesheet' href='<?php echo Yii::app()->theme->baseUrl . "/views/layouts/"; ?>css/c11f8f1b6c157a7a1ee04039d038c282336416b9.css'>
        <!--        <link href="http://fonts.googleapis.com/css?family=PT+Sans" rel='stylesheet' type="text/css">-->
    </head>
    <body id='top'>
        <div id='container'>
            <div id='header-surround'>
                <header id='header'><img src="<?php echo Yii::app()->theme->baseUrl . "/views/layouts/"; ?>img/logo.png" alt='Grape' class='logo'>
                    <div class="divider-header divider-vertical">
                    </div>
                    <a href="javascript:void(0);" onclick="$('#info-dialog').dialog({ modal: true });"><span class='btn-info'></span></a>
                    <div id='info-dialog' title='About' style="display: none;">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                        </p>
                        <p>
                            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                        </p>
                    </div>
                    <ul class='toolbox-header'>
                        <li><a rel='tooltip' title="Create a User" class='toolbox-action' href="javascript:void(0);"><span class='i-24-user-business'></span></a>
                            <div class='toolbox-content'>
                                <div class='block-border'>
                                    <div class="block-header small">
                                        <h1>Create a User</h1>
                                    </div>
                                    <form id='create-user-form' class="block-content form" action="#" method='post'>
                                        <div class='_100'>
                                            <p>
                                                <label for='username'>Username</label><input id='username' name='username' class='required' type='text' value=""/>
                                            </p>
                                        </div>
                                        <div class='_50'>
                                            <p class='no-top-margin'>
                                                <label for='firstname'>Firstname</label><input id='firstname' name='firstname' class='required' type='text' value=""/>
                                            </p>
                                        </div>
                                        <div class='_50'>
                                            <p class='no-top-margin'>
                                                <label for='lastname'>Lastname</label><input id='lastname' name='lastname' class='required' type='text' value=""/>
                                            </p>
                                        </div>
                                        <div class='clear'>
                                        </div>
                                        <div class='block-actions'>
                                            <ul class='actions-left'>
                                                <li><a class="close-toolbox button red" id='reset' href="javascript:void(0);">Cancel</a></li>
                                            </ul>
                                            <ul class='actions-right'>
                                                <li><input type='submit' class='button' value="Create the User"></li>
                                            </ul>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </li>
                        <li><a rel='tooltip' title="Write a Message" class='toolbox-action' href="javascript:void(0);"><span class='i-24-inbox-document'></span></a>
                            <div class='toolbox-content'>
                                <div class='block-border'>
                                    <div class="block-header small">
                                        <h1>Write a Message</h1>
                                    </div>
                                    <form id='write-message-form' class="block-content form" action="#" method='post'>
                                        <p class='inline-mini-label'>
                                            <label for='recipient'>Recipient</label><input type='text' name='recipient' class='required'>
                                        </p>
                                        <p class='inline-mini-label'>
                                            <label for='subject'>Subject</label><input type='text' name='subject'>
                                        </p>
                                        <div class='_100'>
                                            <p class='no-top-margin'>
                                                <label for='message'>Message</label><textarea id='message' name='message' class='required' rows='5' cols='40'></textarea>
                                            </p>
                                        </div>
                                        <div class='clear'>
                                        </div>
                                        <div class='block-actions'>
                                            <ul class='actions-left'>
                                                <li><a class="close-toolbox button red" id='reset2' href="javascript:void(0);">Cancel</a></li>
                                            </ul>
                                            <ul class='actions-right'>
                                                <li><input type='submit' class='button' value="Send Message"></li>
                                            </ul>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </li>
                        <li><a rel='tooltip' title="Create a Folder" class='toolbox-action' href="javascript:void(0);"><span class='i-24-folder-horizontal-open'></span></a>
                            <div class='toolbox-content'>
                                <div class='block-border'>
                                    <div class="block-header small">
                                        <h1>Create a Folder</h1>
                                    </div>
                                    <form id='create-folder-form' class="block-content form" action="#" method='post'>
                                        <p class='inline-mini-label'>
                                            <label for='folder-name'>Name</label><input type='text' name='folder-name' class='required'>
                                        </p>
                                        <div class='block-actions'>
                                            <ul class='actions-left'>
                                                <li><a class="close-toolbox button red" id='reset3' href="javascript:void(0);">Cancel</a></li>
                                            </ul>
                                            <ul class='actions-right'>
                                                <li><input type='submit' class='button' value="Create Folder"></li>
                                            </ul>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div id='user-info'>
                        <p>
                            <span class='messages'>
                                Hello <a href="javascript:void(0);"><?php echo Yii::app()->user->id; ?></a> ( <a href="javascript:void(0);"><img src="<?php echo Yii::app()->theme->baseUrl . "/views/layouts/"; ?>img/icons/packs/fugue/16x16/mail.png" alt='Messages'> 3 new messages</a> )
                            </span>
                            <a href="javascript:void(0)" class="toolbox-action button">Settings</a>
                            <?php echo CHtml::link('Logout', array('site/logout'), array('class' => 'button red')) ?> 
                        </p>
                    </div>
                </header>
            </div>
            <div class='fix-shadow-bottom-height'>
            </div>
            <aside id='sidebar'>
                <div id='search-bar'>
                    <form id='search-form' name='search-form' action="http://themes.stammtec.de/grape/search.php" method='post'>
                        <input type='text' id='query' name='query' value="" autocomplete='off' placeholder='Search'>
                    </form>
                </div>
                <section id='login-details'><img class="img-left framed" src="<?php echo Yii::app()->theme->baseUrl . "/views/layouts/"; ?>img/misc/avatar_small.png" alt="Hello Admin">
                    <h3>Logged in as</h3>
                    <h2><a class='user-button' href="javascript:void(0);">Administrator&nbsp;<span class='arrow-link-down'></span></a></h2>
                    <ul class='dropdown-username-menu'>
                        <li><a href="#">Profile</a></li>
                        <li><a href="#">Settings</a></li>
                        <li><a href="#">Messages</a></li>
                        <li><a href="#">Logout</a></li>
                    </ul>
                    <div class='clearfix'>
                    </div>
                </section><nav id='nav'>
                    <ul class="menu collapsible shadow-bottom">
                        <li>
                            <a href="dashboard.html" class='current'>
                                <img src="<?php echo Yii::app()->theme->baseUrl . "/views/layouts/"; ?>img/icons/packs/fugue/16x16/dashboard.png">Dashboard
                                <span class='badge'>2</span>
                            </a>
                        </li>
                        <?php echo Grape::renderLeftMenu('img/icons/packs/fugue/16x16/dashboard.png', array('site/index'), 'Site') ?>
                        <?php echo Grape::renderLeftMenu('img/icons/packs/fugue/16x16/application-form.png', array('foodgroup/index'), 'Food Group') ?>
                        <?php echo Grape::renderLeftMenu('img/icons/packs/fugue/16x16/application-form.png', array('food/index'), 'Food') ?>
                        <?php echo Grape::renderLeftMenu('img/icons/packs/fugue/16x16/application-form.png', array('user/index'), 'User') ?>
                        <?php echo Grape::renderLeftMenu('img/icons/packs/fugue/16x16/application-form.png', array('meal/index'), 'Meal') ?>
                        <?php echo Grape::renderLeftMenu('img/icons/packs/fugue/16x16/application-form.png', array('weight/index'), 'Weight') ?>
                        <li><a href="javascript:void(0);"><img src="<?php echo Yii::app()->theme->baseUrl . "/views/layouts/"; ?>img/icons/packs/fugue/16x16/clipboard-list.png">Lists<span class="badge grey">3</span></a>
                            <ul class='sub'>
                                <li><a href="list_block.html">Block Lists</a></li>
                                <li><a href="list_shortcut.html">Shortcut List</a></li>
                                <li><a href="list_contact.html">Contact List</a></li>
                            </ul>
                        </li>
                        <li><a href="javascript:void(0);"><img src="<?php echo Yii::app()->theme->baseUrl . "/views/layouts/"; ?>img/icons/packs/fugue/16x16/user-white.png">Example Submenu<span class="badge red">42</span></a>
                            <ul class='sub'>
                                <li><a href="javascript:void(0);">Lorem ipsum #1</a></li>
                                <li><a href="javascript:void(0);">Lorem ipsum #2</a></li>
                                <li><a href="javascript:void(0);">Lorem ipsum #3</a></li>
                            </ul>
                        </li>
                        <li><a href="javascript:void(0);"><img src="<?php echo Yii::app()->theme->baseUrl . "/views/layouts/"; ?>img/icons/packs/fugue/16x16/newspaper.png">Another Submenu</a>
                            <ul class='sub'>
                                <li><a href="javascript:void(0);">Lorem ipsum</a></li>
                                <li><a href="javascript:void(0);">Lorem ipsum</a></li>
                                <li><a href="javascript:void(0);">Lorem ipsum</a></li>
                                <li><a href="javascript:void(0);">Lorem ipsum</a></li>
                                <li><a href="javascript:void(0);">Lorem ipsum</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav></aside>
            <div id='main' role='main'>
                <div id='title-bar'>
                    <ul id='breadcrumbs'>
                        <li><a href="dashboard.html" title='Home'><span id='bc-home'></span></a></li>
                        <li class='no-hover'>Dashboard</li>
                    </ul>
                </div>
                <div class="shadow-bottom shadow-titlebar">
                </div>
                <div id='main-content'>
                    <div class="container_12">
                        <?php
                        if (isset($this->navigation) && !is_null($this->navigation))
                            echo GrapeMenu::renderGrapeMenu($this->navigation);
                        ?>
                        <?php
                        echo $content;
                        ?>
                    </div>
                </div>
            </div>
            <footer id='footer'>
                <div class='container_12'>
                    <div class='grid_12'>
                        <div class="footer-icon align-center">
                            <a class='top' href="#top"></a>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
        <noscript>
        <p>
            <img src="http://analytics.vectox.de/piwik.php?idsite=5" style="border:0" alt=""/>
        </p>
        </noscript>
        <!--[if lt IE 7 ]><script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script> <script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})});</script><![endif]-->
    </body>
</html>